@charset "utf-8";
/* CSS Document */


/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout, .content{ width:1200px; margin:0 auto; position:relative;}

.boxMo{ min-width:1200px;}

.animate__animated {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  /*-webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);*/
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-240%, 150%, 0);
    transform: translate3d(-240%, 150%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-240%, 150%, 0);
    transform: translate3d(-240%, 150%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}



.banner{ position: relative; max-width: 1920px; width: 100%; height: 715px; margin: 0 auto -320px;}
.banner .i_banner{ width: 100%;}
.banner .bird{ position: absolute; top: 30%; left: 78%; width: 5%}

.nav{ margin-bottom: 35px;}
.nav a{ position: relative; float: left; width: 150px; height: 24px; font: bold 22px/24px "simsun"; text-align: center; color: #377dca;}
.nav a:before, .nav a:last-child:after{ position: absolute;  top: 0; width: 1px; height: 24px; background-color: #377dca; content: ""}
.nav a:before{ left: 0;}
.nav a:after{ right: 0;}
.nav a:hover{ color: #75659e;}
/*.nav a:hover:before, .nav a:hover:after{ background-color: #75659e;}*/

.top_item{ margin-bottom: 50px;}
.item_tem, a.item_tem{ float: left; margin-right: 16px; font: 18px/32px "simsun"; color: #377dca;}
a#m-jian,a#m-fan{ cursor: pointer;}
a.btn_lxwm{ float: left; width: 144px; height: 32px; font: 18px/32px "simsun"; color: #fff; text-indent: 46px; background: url(../images/icon_phone.png) no-repeat 23px center #377dca; border-radius: 16px;}

.search{ float: right; width: 348px; height: 38px; background-color: #fff; border: 1px solid #d7d3e1; border-radius: 19px;}
#search_text{ float: left; width: 290px; height: 38px; font-size: 16px; line-height: 38px; text-indent: 1em; color: #bba7bd; border: none; outline: none; background: none; }
a#search_btn{ float: right; margin: 7px 19px 0 0; width: 20px; height: 24px; background: url(../images/btn_search.png) no-repeat center top; cursor: pointer;}

.footer{ position: relative; height: 295px; margin-top: -80px; background: url(../images/bg_footer.png) no-repeat center top; z-index: 2;}
.footer_des{ padding-top: 160px;}
.footer_des p{ padding-left: 460px; font: 14px/24px "Microsoft Yahei"; color: #fff;}
.footer_des p a{ color: #fff;}

/**/